@import "mixin-fun";
@import "common/common";
body,html{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #91cac3;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #146f3c;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #146f3c;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #146f3c;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #146f3c;
}
.app{
    height: 100%;
    background: url(../img/bg_c.png);
    background-size: contain;
    position: relative;
    background-repeat: repeat-x;
    background-position: center bottom;
    overflow: scroll;
    padding-bottom: rem(20);
    .content{
        padding: rem(30);
        .title{
            color: #fff;
            font-size: rem(30);
        }
        .my_message{
            padding: rem(30);
            background-color: #f0efef;
            margin-top: rem(20);
            .message_line {
                margin-top: rem(10);
                .message_line_title {
                    color: #009944;
                    line-height: rem(50);
                    height: rem(50);
                    margin: 0;
                    font-size: rem(25);
                }
                input,textarea{
                    height: rem(60);
                    border-radius: rem(10);
                    font-size: inherit;
                    margin: 0;
                    color: #009944;
                    border: 1px solid #009944;
                }
                textarea{
                    height: auto;
                }
                .div_input{
                    min-height: rem(60);
                    padding: 10px;
                    box-sizing: border-box;
                    border-radius: rem(10);
                    padding-left: 10px;
                    border: 1px solid #eeeeee
                }
            }
        }
        .parent{
            margin-top: rem(100);
        }
        .btn_t{
            width: 85%;
            margin: 0 auto;
            text-align: center;
            & div{
                // float: left;
                width: 48%;
                height: rem(60);
                line-height: rem(60);
                border-radius: 5px;
                color: #fff;
            }
            .game_rules{
                background-color:#009944;
            }
            .my_prize{
                margin-left: 4%;
                background-color:#f39700;
                margin: 0 auto;
                font-size: rem(32);
                font-weight: 700;
                letter-spacing: 10px;
                box-shadow: rem(2) rem(2) 0 rgba(55, 58, 149, 1);
            }
        }
        .footer{
            overflow: hidden;
            position: relative;
            & li{
                width: 28%;
                float: left;
                margin-top: rem(30);
                .title{
                    height: rem(40);
                }
                .code{
                    margin-top: rem(15);
                }
                & img{
                    max-width: 100%;
                    max-height: 100%;
                }
            }
            .left{
                margin-left:4%;
            }
            .text{
                position: absolute;
                text-align: right;
                right: 0;
                bottom: rem(10);
                width: 40%;
                line-height: rem(30);
                color: #ffffff;
                font-size: rem(25);
            }
        }
    }
}